<?php
foreach($planes as $p)
{
	/*Informacion del plan*/
	$id_plan=$p['id_plan'];
	$titulo=$p['titulo'];
	$inicioperiodo=$p['inicioperiodo'];
	$finperiodo=$p['finperiodo'];
	$presupuesto=$p['presupuesto'];
	$horarios=$p['horarios'];
	$fechaaprobacion=$p['fechaaprobacion'];
	$numero=$p['numero'];
	
	/*Información de la institución*/
	$institucion=$p['institucion'];
	$beneficiarios=$p['beneficiarios'];
	$comunidad=$p['comunidad'];
	$depto=$p['departamento'];
	$municipio=$p['municipio'];
	$detalle=$p['detalle'];
	$responsable=$p['responsable'];
	$tel_responsable=$p['tel_responsable'];
	
}
?>
<script>
	estado_transaccion='<?php echo $estado_transaccion?>';
	estado_correcto='Se ha agredado un documento al plan exitosamente.';
	estado_incorrecto='Error al subir documento: No se pudo conectar al servidor. Por favor vuelva a intentarlo.';
</script>
<form name="form_prorroga" method="post" action="<?php echo base_url()?>index.php/social/agregar_doc" enctype="multipart/form-data" accept-charset="utf-8">
<input type="hidden" name="id_plan" value="<?php echo $id_plan ?>">
<input type="hidden" name="numero" value="<?php echo $numero; ?>" />
	<div id="wizard" class="swMain">
        <ul>
            <li>
                <a href="#step-1">
                    <span class="stepNumber">1<small>er</small></span>
                    <span class="stepDesc">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Paso<br/>
                        <small>&nbsp;Documentos</small>
                    </span>
                </a>
            </li>
        </ul>
        <div id="step-1">
        	<h2 class="StepTitle">Subir Documentos, Archivos o Imágenes del Plan</h2>
            <p>
            	<label>Documento, Archivo o Imágen a Subir: </label>
                 <input type="file" name="userfile" id="userfile" onchange="validate_fileupload(this.value)">
            </p>          
        </div>
    </div>
</form>
<script>
$(document).ready(function(){	
	$('#wizard').smartWizard();
	
	$('#userfile').validacion({
		req:true
	});
});

function validate_fileupload(fileName)
{
    var allowed_extensions = new Array("DOC","doc","DOCX","docx","PDF","pdf","XPS","xps","JPG","jpg","PNG","png","GIF","gif");
    var file_extension = fileName.split('.').pop(); // split function will split the filename by dot(.), and pop function will pop the last element from the array which will give you the extension as well. If there will be no extension then it will return the filename.
    var tipoArchivo= false;
    for(var i = 0; i <= allowed_extensions.length; i++)
    {
        if(allowed_extensions[i]==file_extension)
        {
     		tipoArchivo=true;
            return true; // valid file extension
            
        }
    }
    alertify.alert("Seleccione un archivo válido, de formato: .doc | .docx | .pdf | .xps | .jpg | .png | .gif");
	tipoArchivo=false;
    return false;
}
</script>